/*
头部*/
.header{
  width: 100%;
  height: 14vh;
  /*background: red url("../image/jcdsj_logo.png")  no-repeat center center;*/
  background-image: url('../image/jcdsj_logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  display: flex;
  align-items: center;
}
.header .header-left{
  width: 30%;
  height: 12vh;
  /*background: yellow;*/
  color: white;
  text-align: center;
  line-height: 12vh;
  font-size: .2rem;
  position: relative;
}
.header .header-left-date{
  position: absolute;
  left: 13%;
  width: 18%;
  height: 12vh;
  line-height: 12vh;
  /*background: red;*/
}
.header .header-center{
  width: 40%;
  height:  14vh;
  position: relative;
}
.header .header-center .header-title{
  text-align: center;
  font-size: .5rem;
  font-weight: 600;
  text-shadow: 0 0 .4rem #00d8ff;
  line-height: 8vh;
  background: -webkit-linear-gradient(bottom, #1D94EA, #CCCCCC); /* Chrome, Safari */
  background: linear-gradient(bottom, #1D94EA, #CCCCCC); /* 标准语法 */
  -webkit-background-clip: text; /* Chrome, Safari */
  background-clip: text;
  -webkit-text-fill-color: transparent; /* Chrome, Safari */
  color: transparent; /* 兼容其他浏览器 */
}
.header .header-img{
  background: url("../image/head.gif") no-repeat center center;
  background-size: 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: .35rem;
}

.header .header-right{
  width: 30%;
  height: 12vh;
  /*border: 1px solid gold;*/
  text-align: center;
  position: relative;

}
.header .header-right-weather{
  position: absolute;
  right: 1%;
  width: 100%;
  height: 6vh;
  line-height: 6vh;
  text-align: right;
  font-size: .2rem;
}

/*
内容*/
.center{
  /*height: 84.5vh;*/
  /*background: red;*/
  position: relative;
  top: -1vh;
  /*margin-bottom: 20px;*/
}
/*内容左侧*/
.center .center-left{
  width: 22%;
  position: relative;
}
/*内容左侧第一行*/
.center .center-left .left-top{
  width: 100%;
  height: 26vh;
  position: relative;
  cursor: pointer;
  /*margin-bottom: .1rem;*/
  /*background: url("../image/kuang.png") no-repeat;*/
  /*background-size: 100% 100%;*/
  /*background-position: center center;*/
  /*border: 1.2px solid #2e5f98;*/
  /*border-radius: 2px;*/
  /*background: rgba(11, 91, 171, 0.17);*/

}
.center .center-left .left-top .left-top-item {
  width: 20%;
  height: 21vh;
  padding: 0 .1rem .1rem .1rem;
  float: left;
}

.center .center-left .left-top .left-top-item .left-top-item_title{
  width:100%;
  height: 5vh;
  line-height: 5vh;
  text-align: center;
  /*font-size: 2vh;*/
  outline: none;
  color: white;
  animation: animate 5s linear infinite;
  -webkit-box-reflect: below 1px linear-gradient(transparent, #00008);
}
@keyframes animate {
  0%, 21%, 31%, 51%, 60%, 80%, 90%,92%{
    color: #0bc4e9;
  }
  20%, 30%, 50%, 60%, 80%, 90%,100% {
    color: white;
    text-shadow:  0 0 10px #0bc4e9,
                  0 0 20px #0bc4e9,
                  0 0 40px #0bc4e9,
                  0 0 80px #0bc4e9;
  }
}
.center .center-left .left-top .left-top-item .left-top-item_content{
  width:100%;
  /*height: 8vh;*/
}

.center .center-left .left-top .left-top-item .left-top-item_content .left-top-item_content_factory{
  /*width: .2rem;*/
  height: 3.5vh;
  line-height: 3.5vh;
  text-align: center;
  font-size: .17rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1
}
.center .center-left .left-top .left-top-item .left-top-item_content .left-top-item_content_dosage{
  height: 3.5vh;
  line-height: 3.5vh;
  text-align: center;
  font-size: .15rem;
  font-family: "Adobe 黑体 Std R";
}
/*大用户表第一名图片*/
.center .center-left .left-top .left-top-item .left-top-item_img1{
  height: 9vh;
  background: url("../image/rank.png") no-repeat;
  background-size: 170% 170%;
  background-position: center center;
}
/*图2*/
.center .center-left .left-top .left-top-item .left-top-item_img2{
  height: 8vh;
  background: url("../image/rank.png") no-repeat;
  background-size: 160% 160%;
  background-position: center center;
}
/*图2*/
.center .center-left .left-top .left-top-item .left-top-item_img3{
  height: 8vh;
  background: url("../image/rank.png") no-repeat;
  background-size: 160% 160%;
  background-position: center center;
}
/*图2*/
.center .center-left .left-top .left-top-item .left-top-item_img4{
  height: 8vh;
  background: url("../image/rank.png") no-repeat;
  background-size: 140% 140%;
  background-position: center center;
}
/*图2*/
.center .center-left .left-top .left-top-item .left-top-item_img5{
  height: 8vh;
  background: url("../image/rank.png") no-repeat;
  background-size: 140% 140%;
  background-position: center center;
}
/*内容左侧第二行*/
.center .center-left .left-cen{
  width: 100%;
  height: 29vh;
  /*background: rgba(11, 91, 171, 0.17);*/
  /*margin-bottom: .1rem;*/
  /*background: url("../image/kuang.png") no-repeat;*/
  /*background-size: 100% 100%;*/
  /*border: 0.01rem solid #217093;*/
}
.center .center-left .left-bottom {
  width: 100%;
  height: 30vh;
  /*background: url("../image/kuang.png") no-repeat;*/
  /*background-size: 100% 100%;*/
}
.center .center-cen{
  width: 56%;
  /*padding: 0 .1rem;*/
  position: relative;
}
.center .center-cen .cen-top{
  width: 100%;
  /*height: 1.9rem;*/
  /*margin-bottom: .1rem;*/
  position: relative;
}
.center .center-cen .cen-top-list{
  width: 32%;
  height: 100%;
  /*background-image: linear-gradient(180deg, rgba(0,72,115,0.28) 0%, rgba(0,72,115,0.28) 60%), url("../image/main_bottom_middle.png");*/
  /*background-image: url("../../../assets/static/image/kuang.png");*/
  /*background-size: 100% 100%;*/
  /*background-repeat: no-repeat;*/
  /*border-bottom: 1px solid #0bc4e9;*/
  /*margin-right: 2%;*/
}
.center .center-cen .cen-top-list:last-child{
  margin-right: 0;
}
/*.center .center-cen .cen-top-list:hover{*/
/*  box-shadow:-5px 0px .2rem rgba(255,255,255,0.1),   !*左边阴影*!  0px -5px 2px rgba(255,255,255,0.1),  !*上边阴影*! 5px 0px 2px rgba(255,255,255,0.1),  !*右边阴影*! 0px 5px 2px rgba(255,255,255,0.1);*/
/*}*/
.center .center-cen .cen-top-list .cen-top-list_title{
  /*padding-top: .16rem;*/
  padding-bottom: .1rem;
  text-align: center;
  /*line-height: .35rem;*/
  color: #dbf4ff;
  text-shadow: 0 0 .1rem #00d8ff;
  font-size: .32rem;
  font-weight: 500
}
.center .center-cen .cen-top-list .cen-top-list_content{
  /*display: flex;*/
  height: 0.8rem;
  line-height: 0.8rem;
  width: 100%;
  cursor: pointer;
  /*padding: 0 .1rem .1rem .1rem;*/
  /*align-items: center;*/
  /*justify-content: center;*/
}
/*.center .center-cen .cen-top-list .cen-top-list_content .cen-top-list_content_left{*/
/*  flex: 1;*/
/*  margin-left: .1rem;*/
/*  position: relative;*/
/*}*/

/*.center .center-cen .cen-top-list .cen-top-list_content .cen-top-list_content_left_img1{*/
/*  height: .95rem;*/
/*  width: .95rem;*/
/*  border-radius: 50%;*/
/*  background: #27e59c url('../../static/image/total1.png') no-repeat center center;*/
/*  background-size: 60% 60%;*/
/*}*/
/*.center .center-cen .cen-top-list .cen-top-list_content .cen-top-list_content_left_bk{*/
/*  height: 1.1rem;*/
/*  width: 1.1rem;*/
/*  position: absolute;*/
/*  top: -0.08rem;*/
/*  left: -0.08rem;*/
/*  background: url('../../static/image/jt.png') no-repeat center center;*/
/*  background-size: 105% 110%;*/
/*  animation: bkrotate 3s linear infinite;*/
/*  !*background: red;*!*/
/*}*/
/*.center .center-cen .cen-top-list .cen-top-list_content .cen-top-list_content_left_img2{*/
/*  height: .95rem;*/
/*  width: .95rem;*/
/*  border-radius: 50%;*/
/*  background: #0b5bab url('../../static/image/user.png') no-repeat center center;*/
/*  background-size: 60% 60%;*/
/*}*/
/*.center .center-cen .cen-top-list .cen-top-list_content .cen-top-list_content_left_img3{*/
/*  height: .95rem;*/
/*  width: .95rem;*/
/*  border-radius: 50%;*/
/*  background: #e59327 url('../../static/image/statistics.png') no-repeat center center;*/
/*  background-size: 60% 60%;*/
/*}*/
/*.center .center-cen .cen-top-list .cen-top-list_content .cen-top-list_content_right{*/
/*  flex: 2;*/
/*  height: 1.05rem;*/
/*  margin-top: 0.25rem;*/
/*  margin-left: .1rem;*/
/*  cursor: pointer;*/
/*}*/
/*类型*/
.type {
  /*display: flex;*/
  /*justify-content: center;*/
  /*padding: .1rem 0 0 0;*/
  text-align: right;
  font-size: 0.18rem;
  font-weight: 520;
}

.type span {
  /*display: block;*/
  /*height: 0.2rem;*/
  /*line-height: 0.2rem;*/
  /*padding: 0 0.1rem;*/
  /*display: block;*/
  /*color: #266cff;*/
  /*font-size: 0.18rem;*/
  /*padding: .1rem .1rem;*/
  /*text-align: right;*/
  /*cursor: pointer;*/
}
/*.type span:first-child {*/
/*  padding-left: 0;*/
/*}*/
/*.type span:last-child {*/
/*  border-right: none;*/
/*}*/
.type .active {
  height: 0.4rem;
  line-height: 0.4rem;
  /*border-right: 0.01rem solid #00f2f1;*/
}
.type .active span{
  color: #9be8fd;
  /*border-right: 0.05rem solid #00f2f1;*/
  font-size: .22rem;
  padding-right: .1rem;
  text-shadow: 0 0 .1rem #00d8ff;
}
.type .no_active{
  height: 0.4rem;
  line-height: 0.4rem;
}
.type .no_active span{
  color: #dadada;
  padding-right: .15rem;
  /*border-right: 0.01rem solid #00f2f1;*/
}

.data {
  /*margin-top: 0.3rem;*/
  /*padding-top: .24rem;*/
  text-align: left;
  padding-left: .15rem;
}
.data .num {
  font-size: 0.4rem;
  /*margin-bottom: 0.05rem;*/
  color: #00d8ff;
  font-weight: 520;
  /*padding-left: .05rem;*/
  /*border-left: 3px solid #ff7300;*/
  /*border-radius: 2px;*/
  font-family: "myFirstFont";
  /*height: .24rem;*/
  text-align: center;
}
.data span {
  /*display: block;*/
  color: #d2e7fd;
  font-size: 0.24rem;
}
.center .center-cen .cen-bottom{
  width: 100%;
  /*height: 9rem;*/
  /*background: red;*/
  /*margin-top: .2rem;*/
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*top: -3rem;*/
  /*left: -3rem;*/
  /*height: 6.7rem;*/
  /*background: url("../image/wangge.png") no-repeat;*/
  /*background-size: 100% 100%;*/
  /*border: 0.01rem solid #217093;*/
}

.center .center-right{
  width: 22%;
  position: relative;
}

.center .center-right .right-top{
  width: 100%;
  height: 26vh;
  /*margin-bottom: .1rem;*/
  /*background: url("../image/kuang.png") no-repeat;*/
  /*background-size: 100% 100%;*/
}
.center .center-right .right-cen{
  width: 100%;
  height: 29vh;
  /*margin-bottom: .1rem;*/
  /*background: url("../image/kuang.png") no-repeat;*/
  /*background-size: 100% 100%;*/
}
.center .center-right .right-bottom{
  width: 100%;
  height: 30vh;
  /*background: url("../image/kuang.png") no-repeat;*/
  /*background-size: 100% 100%;*/
}

.font1{
  font-size: 2vh;
}
.font1:hover{
  font-size: 2.1vh;
}
.font2{
  font-size: 1.7vh;
}
.font2:hover{
  font-size: 1.8vh;
  font-weight: 530;
}
.font3{
  font-size: 1.4vh;
  font-weight: 530;
}
.font3:hover{
  font-size: 1.5vh;
  font-weight: 530;
}
@keyframes bkrotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



